<!DOCTYPE html>
<html>
<head>
    <include file="public/public_header" />
    <link rel="stylesheet" media="screen and (min-device-width:640px)"  href="__STATIC__/css/index.css"    />
    <link rel="stylesheet"  media="screen and (max-device-width:639px)" href="__STATIC__/css/phone/index.css"  />
    <link rel="stylesheet" href="../static/css/index.css">
</head>
<body >
<div class="container-fluid ck-container">
    <!--顶部start-->
    <include file="public/header" />
    <!--顶部end-->
    <!--主体start-->
    <main>
        <div id="carousel-example-generic" class="carousel slide row visible-xs" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner banner" role="listbox">
                <div class="item active">
                    <img src="__STATIC__/images/php.jpg" alt="...">
                </div>
                <div class="item">
                    <img src="__STATIC__/images/java.jpg" alt="...">

                </div>
                <div class="item">
                    <img src="__STATIC__/images/js.jpg" alt="...">
                </div>
            </div>
        </div>
        <section class="row article">
            <!--主体内容start-->
            <div class="col-xs-12 col-md-8">
                <div class="left-content">
                    <!--文章列表tart-->
                    <div class="article2">
                        <div class="ck-title">
                            <h3>标签</h3>
                        </div>
                        <div>
                            <volist name="list" id="vo" empty="暂时没有文章哦！">
                                <ul>
                                    <div class="list-division"></div>
                                    <li class="list-container">
                                        <div>
                                            <a href="{:url('index/show', array('id'=> $vo.id))}">
                                                <h3 class="article-title">{$vo.title}</h3>
                                            </a>
                                            <div class="hidden-xs article-info row">
                                                <p class="article-info">
                                                    <span> <i class="fa fa-user-circle"></i> {$vo.author}</span>
                                                    <span class="article-time"><i class="fa fa-calendar"></i> {:date('Y-m-d H:i:s', $vo.add_time)}</span>
                                                    <a href="{:url('index/category', array('cat_id'=> $vo.cat_id))}"><span class="article-cat"><i class="fa fa-th"></i> {:get_cat_name($vo.cat_id)}</span></a>
                                                    <span class="article-comment"><i class="fa fa-eye"></i> {$vo.browse}</span>
                                                </p>
                                                <div class="col-md-4 thumb">
                                                    <a class="pic" href="#">
                                                        <img src="{$Think.WEB_PATH. $vo.thumb}" alt="">
                                                    </a>
                                                </div>
                                                <div class="col-md-8 abstract">
                                                    {:str_cut(strip_tags($vo.content) ,500, "")}
                                                </div>
                                            </div>
                                            <div class="comment visible-xs">
                                                <i class="fa fa-eye"></i> <span>{$vo.browse}</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </volist>
                        </div>
                        <div>
                            {$list->render()}
                        </div>
                    </div>
                </div>
                <!--文章列表end-->
            </div>
            <!--主体内容end-->

            <!--侧边栏start-->
            <div class="col-xs-12 col-md-4 hidden-xs">
                <include file="public/side" />
            </div>
            <!--侧边栏end-->

        </section>
    </main>
    <!--主体end-->
    <!--底部start-->
    <include file="public/footer" />
    <!--底部end-->
</div>
<include file="public/public_js" />
<script>

    $('.carousel').carousel({
        interval:4000
    });
</script>
</body>
</html>
